<template> 


	<div class="order">
		
       <HearderTop title="订单列表">
       	
       </HearderTop>
       <section class="order_no_login">
       	   <img src="./img/person.png">
       	   <h3>登入后查看外卖订单</h3>
       	   <button>立即登陆</button>
       </section>
	 </div> 

</template> 


<script> 

import HearderTop from "../../components/HearderTop/HearderTop.vue";
export default {

components:{
	HearderTop
}




} 


</script>

<style lang="stylus" rel="stylesheet/stylus">
@import "../../common/stylus/mixins.sty";
.order
	width 100%
	.order_no_login
		padding-top 140px
		margin 0 auto
		text-align center
		width 60%
		>img
			width 100%
			height 30%
			display block
		>h3
			font-size 20px
			color #6a6a6a
			padding 10px 0
		>button
			border 0
			outline none
			color #fff
			border-radius 5px
			padding 10px 20px
			background #02a774		
			font-size 14px
			display inline-block
	




	


</style>